<template>
	<div class="c">
		<!-- 首页功能快捷入口 Grid宫格 -->
		<div class="enter">
			<div class="t1"></div>
			<div class="grid">
				<van-grid :column-num="4" :icon-size="56" class="van-grid">
					<van-grid-item v-for="(item, i) of homeItems" :key="i" :icon="item.img" :text="item.title"
						:to="{ name: item.routeName }">
					</van-grid-item>
					<div class="t2"></div>
				</van-grid>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'homeEnter',
		data() {
			return {
				//首页快捷功能
				homeItems: [{
						title: "号码查询",
						routeName: "working",
						img: require("@/assets/images/ldyj.png"),
						
					},
					{
						title: "软件自检",
						routeName: "software",
						img: require("@/assets/images/rjzj.png"),
					},
					{
						title: "身份核实",
						routeName: "check",
						img: require("@/assets/images/sfhs.png"),
					},
					{
						title: "身份核实",
						routeName: "check",
						img: require("@/assets/images/sfhs.png"),
					},
				],
			}
		},
	}
</script>

<style>
	.c {
		display: flex;
		justify-content: space-around;
	}

	.t1 {
		width: 100%;
		height: 10px;
		background-color: white;
		border-radius: 15px 15px 0 0;
	}

	.t2 {
		width: 100%;
		height: 10px;
		background-color: white;
		border-radius: 0 0 15px 15px;
	}

	.enter {
		width: 95%;
		margin-top: 3%;
	}
	.grid .van-grid{
		font-size: 15px !important;
		font-weight: bold !important;
	}
</style>
